body,html{
    width: 100%;
    height: 100%;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

._header{
    width: 100%;
    .px2rem(height, 230);
    ._head{
        width: 100%;
        .px2rem(height, 90);
        background: #fb8876;
        display: flex;
        justify-content: space-around;
        align-items: center;
        p{
            color: white;
            .px2rem(font-size, 36);
            img{
                .px2rem(width, 41);
                .px2rem(height, 41);
            }
        }
        ._fontweight{
            font-weight: bold;
        }
    }
    ._center{
        width: 92%;
        .px2rem(height, 86);
        .px2rem(border-radius, 8);
        .px2rem(margin-top, 22);
        margin-left: 4%;
        border: 1px solid #ccc;
        ul{
            li{
                width: 24.4%;
                height: 100%;
                text-align: center;
                border-right: 1px solid #b2b2b2;
                float: left;
                color: #b2b2b2;
                .px2rem(line-height, 86);
                .px2rem(font-size, 30);
            }
            ._all{
                background: #f2f2f2;
                color: #323232;
            }
        }
    }
}
._cotent{
    width: 100%;
    .px2rem(height, 466);
    background: #F2F2F2;
    ._imges{
        width: 100%;
        .px2rem(height, 311);
        p{
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    ._dlex{
        width: 100%;
        .px2rem(height, 130);
        background: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center;
        dl{
          dd{
              img{
                  .px2rem(height, 48);
                  .px2rem(width, 48);
              }
            }
            dt{
                .px2rem(padding-top, 18);
                text-align: center;
            }  
        }
    }
}
.nei{
    width: 100%;
    .px2rem(height, 312);
    ._top{
        .px2rem(height, 70);
        background: #deccb6;
        p{
            text-align: center;
            .px2rem(line-height, 70);
            .px2rem(font-size, 18);
        }
    }
    ._bottom{
        width: 94%;
        margin-left: 3%;
        .px2rem(height, 206);
        border-bottom: 1px solid #B2B2B2;
        p{
            text-align: center;
            .px2rem(line-height, 50);
            .px2rem(font-size, 18);
        }
        p:nth-child(1){
            .px2rem(padding-top, 52);
            .px2rem(font-size, 30);
            color: #ebbb7d;
        }
    }
}
.zhu{
    width: 100%;
    .nice{
        width: 100%;
        .px2rem(height, 47);
        .px2rem(line-height, 47);
        .px2rem(padding-left, 18);
        .px2rem(padding-bottom, 18);
        .px2rem(font-size, 30);
    }
    .imga{
        width: 100%;
        .px2rem(height, 248);;
        display: flex;
        justify-content: space-around;
        align-items: center;
        p{
            img{
                .px2rem(width, 180);
                .px2rem(height, 240);
            }
        }
    }
}
._box1{
    width: 100%;
    .px2rem(height, 106);
    background: #f2f2f2;
    ._aa{
        width: 100%;
        .px2rem(height, 106);
        display: flex;
        justify-content: space-between;
        align-items: center;
        P{
            color: #9a9a9a;
            .px2rem(font-size, 28);
            .px2rem(padding-left, 10);
            .px2rem(padding-right, 10);
        }
    }
}
._box2{
    width: 100%;
        .px2rem(height, 490);
    ul{
        width: 100%;
        .px2rem(height, 122);
        display: flex;
        li{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 33.3%;
            height: 100%;
            border: 1px solid #ccc;
            .px2rem(font-size, 28);
        }
        ._more{
            display: flex;
            justify-content: center;
            .px2rem(font-size, 24);
            font-weight: 100;
            img{
                .px2rem(width, 25);
                .px2rem(height, 16);
                .px2rem(padding-left, 10);
            }
        }
    }
}
._box3{
    width: 100%;
    .px2rem(height, 510);
    background: #f2f2f2;
    ._big{
        p{
            img{
                width: 100%;
                .px2rem(height, 313);
            }
        }
    }
    ._small{
        width: 100%;
        .px2rem(height, 170);
        background: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center;
        dl{
            dd{
                img{
                    .px2rem(height, 60);
                    .px2rem(height, 65);
                    .px2rem(padding-left, 28);
                }
            }
            dt{
                text-align: center;
                .px2rem(font-size, 32);
                .px2rem(padding-top, 18);
            }
        }
    }
}
._box4{
    width: 100%;
    .px2rem(height, 514);
    ._title{
        width: 100%;
        .px2rem(height, 54);
        display: flex;
        justify-content: space-between;
        align-items: center;
        p:nth-child(1){
            .px2rem(font-size, 30);
            .px2rem(padding-left, 20);
            span{
                .px2rem(font-size, 22);
                color: #B2B2B2;
            }
        }
        p:nth-child(2){
            .px2rem(padding-right, 20);
            .px2rem(font-size, 22);
        }
    }
    ._cotents{
        width: 100%;
        p{
           .px2rem(line-height, 54);
           .px2rem(font-size, 30);
           .px2rem(padding-left, 20);
        };
    }
    ._stars{
        width: 96%;
        .px2rem(height, 220);
        .px2rem(margin-top, 42);
        border: 1px solid #323232;
        margin-left: 2%;
        position: relative;
        ._nav{
            position: absolute;
            left: 6%;
            top: -12%;
            width: 31%;
            .px2rem(height, 50);
            background: #fff;
            p{
                .px2rem(line-height, 50);
                text-align: center;
                color: #167bd5;
            }
        }
    }
    ._inside{
        .px2rem(padding-top, 27);
        .px2rem(padding-left, 52);
        p{
            .px2rem(line-height, 52);
            .px2rem(font-size, 30);
        }
        p:nth-child(2){
            color: orange;
            img{
                .px2rem(width, 159);
                .px2rem(height, 24);
                .px2rem(padding-right, 12);
            }
            span{
                .px2rem(font-size, 24);
                color: #B2B2B2;
            }
        }
    }
}
.shang{
    width: 100%;
    .px2rem(height, 232);
    border-bottom: 30px solid #f2f2f2;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .three{
        border-right: 1px solid #F2F2F2;
        p{
            .px2rem(font-size, 30);
            .px2rem(padding-top, 22);
            text-align: center;
        }
    }
    div:nth-child(1){
        img{
           .px2rem(width, 72);
           .px2rem(height, 62); 
        }
    }
    div:nth-child(2){
        img{
           .px2rem(width, 80);
           .px2rem(height, 66); 
        }
    }
    div:nth-child(3){
        img{
           .px2rem(width, 54);
           .px2rem(height, 64); 
        }
    }
}
._main{
    width: 100%;
    .px2rem(height, 377);
    background: #F2F2F2;
    ._tou{
        width: 100%;
        .px2rem(height, 74); 
        display: flex;
        align-items: center;
        background: #Fff;
        p{
            img{
                .px2rem(height, 213); 
                .px2rem(height, 47);
                .px2rem(padding-left, 18);
            }
        }
    }
    ._konw{
        width: 100%;
        .px2rem(height, 290);
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        P{
            img{
                .px2rem(width, 180);
                .px2rem(height, 240);
            }
        }
        p:nth-child(1){
            img{
                .px2rem(padding-left, 18);
            }
        }
        p:nth-child(3){
            img{
                .px2rem(padding-right, 18);
            }
        }
    }
}
._footer{
    width: 100%;
    ._num{
        width: 96%;
        .px2rem(height, 106);
        margin-left: 2%;
        border-bottom: 1px solid #000;
        P{
           .px2rem(line-height, 106);
           .px2rem(font-size, 26);
        }
    }
    ._ruo{
        width: 96%;
        .px2rem(height, 106);
        margin-left: 2%;
        border-bottom: 1px solid #000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        p{
            display: flex;
            align-items: center;
        }
        P:nth-child(1){
            img{
                .px2rem(width, 64);
                .px2rem(height, 65);
                .px2rem(padding-right, 26);
            }
        }
        P:nth-child(2){
            img{
                .px2rem(width, 13);
                .px2rem(height, 20);
                .px2rem(padding-left, 22);
            }
        }
    }
}
